<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册界面</title>
<link rel="stylesheet" href="css/list.css"/>
    <link rel="stylesheet" href="css/commom.css"/>
<script src="js/jquery-1.11.3.js"></script> 
<script src="scripts/register.js"></script>
    <style>
        .clear:after{
            display: block;
            content: "";
            clear:both;
        }
        input{
            border:#ccc solid 1px;
        }
        .nav_content{
            height:40px;
        }
    </style>

</head>
<body>
<div id="header">haha</div>
   <!-- 注册区 -->
   <div id="nav">
       <div class="nav_content">

       </div>
     <form>
                 <div class="reg">
                     <!--<span id="s1">a</span>-->
                     <!--<span id="s2">b</span>-->
                      <ul>
                   <li>
                       <label>
                           <span><i class="xing">*</i>用户名：</span>
                           <input class="sub" id="username" type="text" placeholder="由数字,字母组成,长度不小于6位不大于10位"/>
                       </label>
                       <span id="nameEroor" class="error">错误消息提示grwgerbhtnjfb wobjvbjdvb uvb uib wejfyd</span>
                   </li>

                   <li>
                       <label>
                           <span><i class="xing">*</i>输入密码：</span>
                           <input class="sub" id="password" type="password" placeholder="首位为字母,不小于6位"/>
                       </label>
                           <span id="passEroor" class="error">错误消息提示</span>

                   </li>

                   <li>
                       <label>
                           <span><i class="xing">*</i>确认密码：</span>
                           <input class="sub" id="regist_password" type="password"/>
                       </label>
                       <span id="confimEroor" class="error">错误消息提示</span>
                   </li>

                   <li>
                       <label><span><i class="xing">*</i>邮箱：</span>
                           <input class="sub" id="email" type="text"/>
                       </label>
                       <span id="emialEroor" class="error">错误消息提示</span>
                   </li>

                   <li>
                       <label>
                           <span><i class="xing">*</i>手机: </span>
                           <input class="sub" id="mobile" type="text"/>
                       </label>
                       <span id="telEroor" class="error">错误消息提示</span>
                   </li>

                   <li>
                       <label>
                           <span>验证码：</span>
                           <input class="sub code" type="text"/>
                       </label>
                       <span id="yanzheng" class="yanZheng_code">
                           <img src="createImg.do" onclick="this.setAttribute('src','createImg.do?x='+Math.random());" alt="验证码" title="点击更换" />
                       </span>
                   </li>

                   </ul>

                   <!--<img src="createImg.do" onclick="this.setAttribute('src','createImg.do?x='+Math.random());" alt="验证码" title="点击更换" />-->
                    <div class="reg_remide">
                         <p id="note">注：带"<i class="xing">*</i>"号为必填</p>
                        <p id="ag"><input type="checkbox"/>我已经阅读并接受<a href="#">版权申请</a>和<a href="#">隐私保护</a>条款</p>
                        <p id="confirm">
                            <input type="button" id="sm" value="确认提交"/>
                        <input type="reset" value="重置"/>
                        </p>
                    </div>
                  </div>
        </form>


    </div>
    <!-- 注册成功子界面 -->

<div id="footer">

</div>
</body>
</html>